<template>
  <!-- 商品标题信息 -->
  <div class="goodsTitle">
    <p class="title">{{ $parent.allInfo.name }}</p>
    <p class="title2">{{ $parent.allInfo.subtitle }}</p>
    <div class="price">
      <span class="price_1">￥{{ $parent.allInfo.price }}</span>
      <span class="price_2">库存 {{ $parent.allInfo.stock }} 件</span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.goodsTitle {
  padding: 11px 16px;
  background-color: #fff;
  text-align: left;
  margin-bottom: 11px;

  .title {
    font-size: 22px;
    color: #333;
  }
  .title2 {
    font-size: 15px;
    padding: 5px 0;
  }
  .price {
    display: flex;
    justify-content: space-between;
    height: 39px;
    padding: 5px 0;

    span {
      line-height: 49px;
    }

    .price_1 {
      font-size: 24px;
      color: #f63515;
    }
    .price_2 {
      font-size: 17px;
      color: #999;
    }
  }
}
</style>
